﻿<!DOCTYPE html>
<html>
  <head>
    <title>Actionsheet</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/actionsheet/styles.css" type="text/css" rel="stylesheet"/>
    <style type="text/css">
@font-face {
font-family:Ionicons;
src:url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.svg#Ionicons) format("svg");
font-weight:400;
font-style:normal
}
    </style>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/actionsheet/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- bg (Rectangle) -->
      <div id="u71" class="ax_default box_1" data-label="bg">
        <div id="u71_div" class=""></div>
      </div>

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u72" class="ax_default">
        <div id="u72_state0" class="panel_state" data-label="State1" style="">
          <div id="u72_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u73" class="ax_default box_1">
              <div id="u73_div" class=""></div>
            </div>

            <!-- Unnamed (Group) -->
            <div id="u74" class="ax_default" data-left="4" data-top="12" data-width="48" data-height="21">

              <!-- Unnamed (Rectangle) -->
              <div id="u75" class="ax_default label">
                <div id="u75_div" class=""></div>
                <div id="u75_text" class="text ">
                  <p><span>返回</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u76" class="ax_default label">
                <div id="u76_div" class=""></div>
                <div id="u76_text" class="text ">
                  <p><span></span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u77" class="ax_default label">
              <div id="u77_div" class=""></div>
              <div id="u77_text" class="text ">
                <p><span>Demo List</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u78" class="ax_default label">
              <div id="u78_div" class=""></div>
              <div id="u78_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u79" class="ax_default" data-left="0" data-top="66" data-width="375" data-height="46">

        <!-- Unnamed (Rectangle) -->
        <div id="u80" class="ax_default box_1">
          <div id="u80_div" class=""></div>
          <div id="u80_text" class="text ">
            <p><span>一般使用</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u81" class="ax_default box_1">
          <div id="u81_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u82" class="ax_default box_1">
        <div id="u82_div" class=""></div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u83" class="ax_default" data-left="0" data-top="112" data-width="375" data-height="46">

        <!-- Unnamed (Rectangle) -->
        <div id="u84" class="ax_default box_1">
          <div id="u84_div" class=""></div>
          <div id="u84_text" class="text ">
            <p><span>安卓风格</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u85" class="ax_default box_1">
          <div id="u85_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u86" class="ax_default" data-left="0" data-top="158" data-width="375" data-height="46">

        <!-- Unnamed (Rectangle) -->
        <div id="u87" class="ax_default box_1">
          <div id="u87_div" class=""></div>
          <div id="u87_text" class="text ">
            <p><span>显示取消菜单</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u88" class="ax_default box_1">
          <div id="u88_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u89" class="ax_default" data-left="0" data-top="204" data-width="375" data-height="46">

        <!-- Unnamed (Rectangle) -->
        <div id="u90" class="ax_default box_1">
          <div id="u90_div" class=""></div>
          <div id="u90_text" class="text ">
            <p><span>使用数组定义菜单</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u91" class="ax_default box_1">
        <div id="u91_div" class=""></div>
        <div id="u91_text" class="text ">
          <p><span>点击遮罩区域不自动关闭</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u92" class="ax_default" data-left="0" data-top="288" data-width="375" data-height="46">

        <!-- Unnamed (Rectangle) -->
        <div id="u93" class="ax_default box_1">
          <div id="u93_div" class=""></div>
          <div id="u93_text" class="text ">
            <p><span>一般使用</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u94" class="ax_default box_1">
        <div id="u94_div" class=""></div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u95" class="ax_default" data-left="0" data-top="354" data-width="375" data-height="46">

        <!-- Unnamed (Rectangle) -->
        <div id="u96" class="ax_default box_1">
          <div id="u96_div" class=""></div>
          <div id="u96_text" class="text ">
            <p><span>显示提示文字</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u97" class="ax_default box_1">
          <div id="u97_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u98" class="ax_default" data-left="0" data-top="400" data-width="375" data-height="46">

        <!-- Unnamed (Rectangle) -->
        <div id="u99" class="ax_default box_1">
          <div id="u99_div" class=""></div>
          <div id="u99_text" class="text ">
            <p><span>使用 Header Slot</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u100" class="ax_default box_1">
          <div id="u100_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u101" class="ax_default" data-left="0" data-top="446" data-width="375" data-height="46">

        <!-- Unnamed (Rectangle) -->
        <div id="u102" class="ax_default box_1">
          <div id="u102_div" class=""></div>
          <div id="u102_text" class="text ">
            <p><span>不自动关闭</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u103" class="ax_default box_1">
        <div id="u103_div" class=""></div>
      </div>

      <!-- 一般使用 (Dynamic Panel) -->
      <div id="u104" class="ax_default" data-label="一般使用">
        <div id="u104_state0" class="panel_state" data-label="State1" style="">
          <div id="u104_state0_content" class="panel_state_content">

            <!-- modal-bg (Rectangle) -->
            <div id="u105" class="ax_default box_1" data-label="modal-bg">
              <div id="u105_div" class=""></div>
            </div>

            <!-- modal-content (Dynamic Panel) -->
            <div id="u106" class="ax_default" data-label="modal-content">
              <div id="u106_state0" class="panel_state" data-label="State1" style="">
                <div id="u106_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u107" class="ax_default box_1">
                    <div id="u107_div" class=""></div>
                    <div id="u107_text" class="text ">
                      <p><span>分享给朋友</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u108" class="ax_default box_1">
                    <div id="u108_div" class=""></div>
                    <div id="u108_text" class="text ">
                      <p><span>分享到朋友圈</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 安卓风格 (Dynamic Panel) -->
      <div id="u109" class="ax_default" data-label="安卓风格">
        <div id="u109_state0" class="panel_state" data-label="State1" style="">
          <div id="u109_state0_content" class="panel_state_content">

            <!-- modal-bg (Rectangle) -->
            <div id="u110" class="ax_default box_1" data-label="modal-bg">
              <div id="u110_div" class=""></div>
            </div>

            <!-- modal-content (Dynamic Panel) -->
            <div id="u111" class="ax_default" data-label="modal-content">
              <div id="u111_state0" class="panel_state" data-label="State1" style="">
                <div id="u111_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u112" class="ax_default box_1">
                    <div id="u112_div" class=""></div>
                    <div id="u112_text" class="text ">
                      <p><span>分享给朋友</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u113" class="ax_default box_1">
                    <div id="u113_div" class=""></div>
                    <div id="u113_text" class="text ">
                      <p><span>分享到朋友圈</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u114" class="ax_default box_1">
                    <div id="u114_div" class=""></div>
                    <div id="u114_text" class="text ">
                      <p><span>分享给朋友</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Horizontal Line) -->
                  <div id="u115" class="ax_default line">
                    <img id="u115_img" class="img " src="images/actionsheet/u115.png"/>
                  </div>

                  <!-- Unnamed (Horizontal Line) -->
                  <div id="u116" class="ax_default line">
                    <img id="u116_img" class="img " src="images/actionsheet/u115.png"/>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 显示取消菜单 (Dynamic Panel) -->
      <div id="u117" class="ax_default" data-label="显示取消菜单">
        <div id="u117_state0" class="panel_state" data-label="State1" style="">
          <div id="u117_state0_content" class="panel_state_content">

            <!-- modal-bg (Rectangle) -->
            <div id="u118" class="ax_default box_1" data-label="modal-bg">
              <div id="u118_div" class=""></div>
            </div>

            <!-- modal-content (Dynamic Panel) -->
            <div id="u119" class="ax_default" data-label="modal-content">
              <div id="u119_state0" class="panel_state" data-label="State1" style="">
                <div id="u119_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u120" class="ax_default box_1">
                    <div id="u120_div" class=""></div>
                    <div id="u120_text" class="text ">
                      <p><span>拍照</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u121" class="ax_default box_1">
                    <div id="u121_div" class=""></div>
                    <div id="u121_text" class="text ">
                      <p><span>从相册选择</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u122" class="ax_default box_1">
                    <div id="u122_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u123" class="ax_default box_1">
                    <div id="u123_div" class=""></div>
                    <div id="u123_text" class="text ">
                      <p><span>取消</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 数组 (Dynamic Panel) -->
      <div id="u124" class="ax_default" data-label="数组">
        <div id="u124_state0" class="panel_state" data-label="State1" style="">
          <div id="u124_state0_content" class="panel_state_content">

            <!-- modal-bg (Rectangle) -->
            <div id="u125" class="ax_default box_1" data-label="modal-bg">
              <div id="u125_div" class=""></div>
            </div>

            <!-- modal-content (Dynamic Panel) -->
            <div id="u126" class="ax_default" data-label="modal-content">
              <div id="u126_state0" class="panel_state" data-label="State1" style="">
                <div id="u126_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u127" class="ax_default box_1">
                    <div id="u127_div" class=""></div>
                    <div id="u127_text" class="text ">
                      <p style="font-size:16px;line-height:normal;"><span>确定咩？</span></p><p style="font-size:12px;line-height:22px;"><span style="color:#666666;">删除后就无法撤销了哦</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u128" class="ax_default box_1">
                    <div id="u128_div" class=""></div>
                    <div id="u128_text" class="text ">
                      <p><span>Primary</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u129" class="ax_default box_1">
                    <div id="u129_div" class=""></div>
                    <div id="u129_text" class="text ">
                      <p><span>Warn</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u130" class="ax_default box_1">
                    <div id="u130_div" class=""></div>
                    <div id="u130_text" class="text ">
                      <p><span>Disabled</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u131" class="ax_default box_1">
                    <div id="u131_div" class=""></div>
                    <div id="u131_text" class="text ">
                      <p><span>默认</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u132" class="ax_default box_1">
                    <div id="u132_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u133" class="ax_default box_1">
                    <div id="u133_div" class=""></div>
                    <div id="u133_text" class="text ">
                      <p><span>取消</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 一般使用btn (Group) -->
      <div id="u134" class="ax_default" data-label="一般使用btn" data-left="311" data-top="74" data-width="52" data-height="30">

        <!-- Unnamed (Rectangle) -->
        <div id="u135" class="ax_default box_1">
          <div id="u135_div" class=""></div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u136" class="ax_default ellipse">
          <img id="u136_img" class="img " src="images/actionsheet/u136.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u137" class="ax_default ellipse">
          <img id="u137_img" class="img " src="images/actionsheet/u136.png"/>
        </div>
      </div>

      <!-- 安卓风格btn (Group) -->
      <div id="u138" class="ax_default" data-label="安卓风格btn" data-left="311" data-top="120" data-width="52" data-height="30">

        <!-- Unnamed (Rectangle) -->
        <div id="u139" class="ax_default box_1">
          <div id="u139_div" class=""></div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u140" class="ax_default ellipse">
          <img id="u140_img" class="img " src="images/actionsheet/u136.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u141" class="ax_default ellipse">
          <img id="u141_img" class="img " src="images/actionsheet/u136.png"/>
        </div>
      </div>

      <!-- 取消btn (Group) -->
      <div id="u142" class="ax_default" data-label="取消btn" data-left="311" data-top="166" data-width="52" data-height="30">

        <!-- Unnamed (Rectangle) -->
        <div id="u143" class="ax_default box_1">
          <div id="u143_div" class=""></div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u144" class="ax_default ellipse">
          <img id="u144_img" class="img " src="images/actionsheet/u136.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u145" class="ax_default ellipse">
          <img id="u145_img" class="img " src="images/actionsheet/u136.png"/>
        </div>
      </div>

      <!-- 数组btn (Group) -->
      <div id="u146" class="ax_default" data-label="数组btn" data-left="311" data-top="212" data-width="52" data-height="30">

        <!-- Unnamed (Rectangle) -->
        <div id="u147" class="ax_default box_1">
          <div id="u147_div" class=""></div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u148" class="ax_default ellipse">
          <img id="u148_img" class="img " src="images/actionsheet/u136.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u149" class="ax_default ellipse">
          <img id="u149_img" class="img " src="images/actionsheet/u136.png"/>
        </div>
      </div>

      <!-- 一般使用2btn (Group) -->
      <div id="u150" class="ax_default" data-label="一般使用2btn" data-left="311" data-top="296" data-width="52" data-height="30">

        <!-- Unnamed (Rectangle) -->
        <div id="u151" class="ax_default box_1">
          <div id="u151_div" class=""></div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u152" class="ax_default ellipse">
          <img id="u152_img" class="img " src="images/actionsheet/u136.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u153" class="ax_default ellipse">
          <img id="u153_img" class="img " src="images/actionsheet/u136.png"/>
        </div>
      </div>

      <!-- 一般使用2 (Dynamic Panel) -->
      <div id="u154" class="ax_default" data-label="一般使用2">
        <div id="u154_state0" class="panel_state" data-label="State1" style="">
          <div id="u154_state0_content" class="panel_state_content">

            <!-- modal-bg (Rectangle) -->
            <div id="u155" class="ax_default box_1" data-label="modal-bg">
              <div id="u155_div" class=""></div>
            </div>

            <!-- modal-content (Dynamic Panel) -->
            <div id="u156" class="ax_default" data-label="modal-content">
              <div id="u156_state0" class="panel_state" data-label="State1" style="">
                <div id="u156_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u157" class="ax_default box_1">
                    <div id="u157_div" class=""></div>
                    <div id="u157_text" class="text ">
                      <p><span>分享给朋友</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u158" class="ax_default box_1">
                    <div id="u158_div" class=""></div>
                    <div id="u158_text" class="text ">
                      <p><span>分享到朋友圈</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u159" class="ax_default box_1">
                    <div id="u159_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u160" class="ax_default box_1">
                    <div id="u160_div" class=""></div>
                    <div id="u160_text" class="text ">
                      <p><span>取消</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 显示提示文字btn (Group) -->
      <div id="u161" class="ax_default" data-label="显示提示文字btn" data-left="311" data-top="362" data-width="52" data-height="30">

        <!-- Unnamed (Rectangle) -->
        <div id="u162" class="ax_default box_1">
          <div id="u162_div" class=""></div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u163" class="ax_default ellipse">
          <img id="u163_img" class="img " src="images/actionsheet/u136.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u164" class="ax_default ellipse">
          <img id="u164_img" class="img " src="images/actionsheet/u136.png"/>
        </div>
      </div>

      <!-- 显示提示文字 (Dynamic Panel) -->
      <div id="u165" class="ax_default" data-label="显示提示文字">
        <div id="u165_state0" class="panel_state" data-label="State1" style="">
          <div id="u165_state0_content" class="panel_state_content">

            <!-- modal-bg (Rectangle) -->
            <div id="u166" class="ax_default box_1" data-label="modal-bg">
              <div id="u166_div" class=""></div>
            </div>

            <!-- modal-content (Dynamic Panel) -->
            <div id="u167" class="ax_default" data-label="modal-content">
              <div id="u167_state0" class="panel_state" data-label="State1" style="">
                <div id="u167_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u168" class="ax_default box_1">
                    <div id="u168_div" class=""></div>
                    <div id="u168_text" class="text ">
                      <p style="font-size:16px;line-height:normal;"><span>确定咩？</span></p><p style="font-size:12px;line-height:22px;"><span style="color:#666666;">删除后就无法撤销了哦</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u169" class="ax_default box_1">
                    <div id="u169_div" class=""></div>
                    <div id="u169_text" class="text ">
                      <p><span>删除</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u170" class="ax_default box_1">
                    <div id="u170_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u171" class="ax_default box_1">
                    <div id="u171_div" class=""></div>
                    <div id="u171_text" class="text ">
                      <p><span>取消</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 使用Header (Dynamic Panel) -->
      <div id="u172" class="ax_default" data-label="使用Header">
        <div id="u172_state0" class="panel_state" data-label="State1" style="">
          <div id="u172_state0_content" class="panel_state_content">

            <!-- modal-bg (Rectangle) -->
            <div id="u173" class="ax_default box_1" data-label="modal-bg">
              <div id="u173_div" class=""></div>
            </div>

            <!-- modal-content (Dynamic Panel) -->
            <div id="u174" class="ax_default" data-label="modal-content">
              <div id="u174_state0" class="panel_state" data-label="State1" style="">
                <div id="u174_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u175" class="ax_default box_1">
                    <div id="u175_div" class=""></div>
                    <div id="u175_text" class="text ">
                      <p style="font-size:16px;line-height:normal;"><span>确定咩？</span></p><p style="font-size:12px;line-height:22px;"><span style="color:#666666;">删除后就无法撤销了哦</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u176" class="ax_default box_1">
                    <div id="u176_div" class=""></div>
                    <div id="u176_text" class="text ">
                      <p><span>分享给朋友</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u177" class="ax_default box_1">
                    <div id="u177_div" class=""></div>
                    <div id="u177_text" class="text ">
                      <p><span>分享到朋友圈</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 使用headerbtn (Group) -->
      <div id="u178" class="ax_default" data-label="使用headerbtn" data-left="311" data-top="408" data-width="52" data-height="30">

        <!-- Unnamed (Rectangle) -->
        <div id="u179" class="ax_default box_1">
          <div id="u179_div" class=""></div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u180" class="ax_default ellipse">
          <img id="u180_img" class="img " src="images/actionsheet/u136.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u181" class="ax_default ellipse">
          <img id="u181_img" class="img " src="images/actionsheet/u136.png"/>
        </div>
      </div>

      <!-- 不自动关闭 (Dynamic Panel) -->
      <div id="u182" class="ax_default" data-label="不自动关闭">
        <div id="u182_state0" class="panel_state" data-label="State1" style="">
          <div id="u182_state0_content" class="panel_state_content">

            <!-- modal-bg (Rectangle) -->
            <div id="u183" class="ax_default box_1" data-label="modal-bg">
              <div id="u183_div" class=""></div>
            </div>

            <!-- modal-content (Dynamic Panel) -->
            <div id="u184" class="ax_default" data-label="modal-content">
              <div id="u184_state0" class="panel_state" data-label="State1" style="">
                <div id="u184_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u185" class="ax_default box_1">
                    <div id="u185_div" class=""></div>
                    <div id="u185_text" class="text ">
                      <p><span>点我关闭</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u186" class="ax_default box_1">
                    <div id="u186_div" class=""></div>
                    <div id="u186_text" class="text ">
                      <p><span>点我关闭</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 不自动关闭btn (Group) -->
      <div id="u187" class="ax_default" data-label="不自动关闭btn" data-left="311" data-top="454" data-width="52" data-height="30">

        <!-- Unnamed (Rectangle) -->
        <div id="u188" class="ax_default box_1">
          <div id="u188_div" class=""></div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u189" class="ax_default ellipse">
          <img id="u189_img" class="img " src="images/actionsheet/u136.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u190" class="ax_default ellipse">
          <img id="u190_img" class="img " src="images/actionsheet/u136.png"/>
        </div>
      </div>

      <!-- loading (Dynamic Panel) -->
      <div id="u191" class="ax_default" data-label="loading">
        <div id="u191_state0" class="panel_state" data-label="State1" style="">
          <div id="u191_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u192" class="ax_default box_1">
              <img id="u192_img" class="img " src="images/actionsheet/u192.png"/>
            </div>

            <!-- Unnamed (Image) -->
            <div id="u193" class="ax_default image">
              <img id="u193_img" class="img " src="images/actionsheet/u193.png"/>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u194" class="ax_default label">
              <div id="u194_div" class=""></div>
              <div id="u194_text" class="text ">
                <p><span>进行中</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
